<!DOCTYPE html>

<html>
<head>
	<title>Nerv Widgets 3</title>
	
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta> 
	
	<link rel="stylesheet" href="../../themes/nw3/tabs.css" type="text/css" media="all"></link>
	
	<script src="../../nw3.js" type="text/javascript"></script>
	<script src="../../plugins/form/form.js" type="text/javascript"></script>
	<script src="../../plugins/window/window.js" type="text/javascript"></script>
	<script src="../../plugins/tabs/tabs.js" type="text/javascript"></script>
	<script src="../../langs/it.js" type="text/javascript"></script>
</head>

<body>

<script>
// stampa titolo pagina
window.document.title = NW3.toString();
</script>


<br />
Nerv Tab Plugin
<br />
<br />

<div id="tabs"></div>
<script>
NW3.event.domReady(function() {
	oTabs = new NW3.tabs.Tabs({
		width : 250
	});
	
	oTabs.newTab({
		name: 'One',
		html: '<b>Text One</b>'
	});
	
	oTabs.newTab({
		name: 'Two',
		html: '<b>Text Two</b>'
	});
	
	oTabs.newTab({
		name: 'Tree',
		html: '<b>Text Tree</b>'
	});
	
	oTabs.newTab({
		name: 'Four',
		html: '<b>Text Four</b>'
	});

	NW3.getElement("#tabs").appendChild( oTabs.output() );
});
</script>
<br />
<br />

<div id="tabs2"></div>
<script>
NW3.event.domReady(function() {
	oTabs2 = new NW3.tabs.Tabs({
		width : 250,
		align : 'bottom'
	});
	
	oTabs2.newTab({
		name: 'One',
		html: '<b>Text One</b>'
	});
	
	oTabs2.newTab({
		name: 'Two',
		html: '<b>Text Two</b>'
	});
	
	oTabs2.newTab({
		name: 'Tree',
		html: '<b>Text Tree</b>'
	});
	
	oTabs2.newTab({
		name: 'Four',
		html: '<b>Text Four</b>'
	});
	
	NW3.getElement("#tabs2").appendChild( oTabs2.output() );
});
</script>
<br />
<br />
<br />
<br />


AJAX TAB
<br />
<br />
<script>
oTabs = new NW3.tabs.Tabs({
	pressed : 2
});

oTabs.newTab({
	name: 'One',
	html: '<b>Text One</b>'
});

oTabs.newTab({
	name: 'Two',
	ajaxUrl: '../demoText.html'
});

oTabs.print();
</script>
<br />
<br />

<br>
</body>
</html>
